<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-1.12.4.js"></script>
    <script>
        // 正则表达式
        // 定义
        // 1--普通
        // let reg =/表达式/修饰符
        // 表达式===某种匹配规则
        // 修饰符  g-全局匹配，i-不区分大小写进行匹配，m-多行匹配
        // let reg=/cat/          ----进行一次查找
        // 2--构造函数
        // let reg = new RegExp("表达式","修饰符")
        //   简单  /复合
        let str ="my cat";
        let reg =/cat/;
        let res = reg.test(str)
        console.log(res);

        // match()找到一个或者多个正则的匹配
        let res1 = str.match(reg)
        console.log(res1);
        // search()找到特定字符。无找到-1
        let str1 = " red,blue"
        console.log(str1.search("eg"));
        // replace()替换
        let str2 = "cat cat cat cat dog"
        let reg3 = /cat/g;
        let res2 = str2.replace(reg3,"dog")
        console.log(res2);


        // 复合模式匹配规则
        // /...../代表模式的开始和结束
        // ^ 匹配字符串的开始
        // $ 匹配字符串结束
        // \s   任何的空白字符
        //  \S  任何非空白字符
        // \d 任何的数字 [0-9]
        // \D 任何的非数字
        // \w 任意一个数字，大小写字母[0-9A-Za-z]
        // \W 任意一个非数字，大小写字母
        // . 除换行之外的所有字符

        // 重复
        // {n}出现n次，，=n
        // {n,}出现n次或者多次
        // {n.m}出现至少n次，至多m次
        // *  0或者多次 {0,}
        // + 1次或者多次{1,}
        // ？ 0或者1次{0,1}
        
        
        
        
        
    </script>
</head>
<body>
    <ul>
        <!-- 满足6位 -->
        <li>邮政编码：<input type="text" id="code"><div id="d1"></div></li>
        <!-- 满足11位 -->
        <li>手机号：<input type="text" id="code1"><div id="d2"></div></li>
        <li>年龄：<input type="text" id="code2"><div id="d3"></div></li>
    </ul>
    <script>
        $(document).ready(function(){
            $("#code").blur(function(){
                let c = $(this).val();
                // let reg = /^\d{6}$/
                let reg = /^[0-9]{6}$/
                if(reg.test(c) == false){
                    $("#d1").html("邮政编码错误");
                    return false;
                }
            })
            $("#code1").blur(function(){
                let c = $(this).val();
                // let reg = /^\d{6}$/
                let reg = /^1[0-9]{10}$/
                if(reg.test(c) == false){
                    $("#d2").html("手机错误");
                    return false;
                }
            })
        })


        //  /^ $/


        // 年龄  0-120岁
        // 0-9 ===[0-9] \d
        // 10-99==[1-9][0-9]
        // 100-119 == 1[0-1][0-9]
        let reg4 = /^120$ | ^((1[0-1]|[1-9])?\d)$/

    </script>
    
</body>
</html>